<!DOCTYPE html>
<html lang="en">

<head>
    <title>合同信息</title>
    <#include "/jh/app/components/meta.html" />
    <#include "/jh/app/components/stylesheets.html" />
    <link rel="stylesheet" href="/jh/app/stylesheets/contractInfo.css?v=1">
</head>

<body>
    <div id="app">
        <div class="container">
            <div class="field">
                <div class="field-icon theme-color1">
                    <i class="am-icon-user"></i>
                </div>
                <div class="field-label">姓名</div>
                <div class="field-input">
                    <span>${info.name!}</span>
                </div>
            </div>
            <div class="field">
                <div class="field-icon theme-color1">
                    <i class="am-icon-diamond"></i>
                </div>
                <div class="field-label">等级</div>
                <div class="field-input">
                    <span>${info.tag!}</span>
                </div>
            </div>
            <div class="field">
                <div class="field-icon theme-color1" style="font-size: 17px;">
                    <i class="am-icon-mobile"></i>
                </div>
                <div class="field-label">电话</div>
                <div class="field-input">
                    <span>${info.mobile}</span>
                </div>
            </div>
            <div class="field">
                <div class="field-icon theme-color1">
                    <i class="am-icon-book"></i>
                </div>
                <div class="field-label">课时数</div>
                <div class="field-input">
                    <span>${info.coreCourseLeft!0}课时</span>
                </div>
            </div>
            <div class="field">
                <div class="field-icon theme-color1">
                    <i class="am-icon-calendar"></i>
                </div>
                <div class="field-label">合同起始时间</div>
                <div class="field-input">
                    <span>${info.contractStartDate!} ~ ${info.contractEndDate!}</span>
                </div>
            </div>
        </div>
        <#include "/jh/app/components/footer.html" />
    </div>
    <#include "/jh/app/components/scripts.html" />
    <script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data() {
            return {
            }
        },
        mounted: function() {},
        methods: {
        }
    })
    </script>
    <script>
    // wx.ready(function() {
    //     initWXShare()
    // })
    </script>
</body>

</html>